<div class="header-banner">
    <h2>products</h2>
</div>
<div class="products-section">

    <div class="products-grids">
        <div class="col-md-4 products-grid">
            <div class="gallery">
                <a class="mask" href="images/p1.jpg"><img src="images/p1.jpg" class="img-responsive zoom-img" alt="/" title="image-name"></a>
            </div>
        </div>
        <div class="col-md-4 products-grid">
            <div class="gallery">
                <a class="mask" href="images/p2.jpg"><img src="images/p2.jpg" class="img-responsive zoom-img" alt="/" title="image-name"></a>
            </div>
        </div>
        <div class="col-md-4 products-grid">
            <div class="gallery">
                <a class="mask" href="images/p3.jpg"><img src="images/p3.jpg" class="img-responsive zoom-img" alt="/" title="image-name"></a>
            </div>
        </div>
        <div class="clearfix"> </div>
    </div>
    <div class="products-grids">
        <div class="col-md-4 products-grid">
            <div class="gallery">
                <a class="mask" href="images/p4.jpg"><img src="images/p4.jpg" class="img-responsive zoom-img" alt="/" title="image-name"></a>
            </div>
        </div>
        <div class="col-md-4 products-grid">
            <div class="gallery">
                <a class="mask" href="images/p5.jpg"><img src="images/p5.jpg" class="img-responsive zoom-img" alt="/" title="image-name"></a>
            </div>
        </div>
        <div class="col-md-4 products-grid">
            <div class="gallery">
                <a class="mask" href="images/p6.jpg"><img src="images/p6.jpg" class="img-responsive zoom-img" alt="/" title="image-name"></a>
            </div>
        </div>
        <div class="clearfix"> </div>
    </div>
    <div class="products-grids">
        <div class="col-md-4 products-grid">
            <div class="gallery">
                <a class="mask" href="images/p7.jpg"><img src="images/p7.jpg" class="img-responsive zoom-img" alt="/" title="image-name"></a>
            </div>
        </div>
        <div class="col-md-4 products-grid">
            <div class="gallery">
                <a class="mask" href="images/p8.jpg"><img src="images/p8.jpg" class="img-responsive zoom-img" alt="/" title="image-name"></a>
            </div>
        </div>
        <div class="col-md-4 products-grid">
            <div class="gallery">
                <a class="mask" href="images/p9.jpg"><img src="images/p9.jpg" class="img-responsive zoom-img" alt="/" title="image-name"></a>
            </div>
        </div>
        <div class="clearfix"> </div>
    </div>
</div>